<template>
  <div>
    <MVmenu @fromMV="changeFather"/>
    <MVList :MvList="MvList"/>
  </div>
</template>

<script>
import {getMV} from "@/api/login-aip";
import MVList from "@/views/MV/components/MVList";
import MVmenu from "@/views/MV/components/MVmenu";
import {mapState} from "vuex";

export default {
  name: "MVPage",
  data() {
    return {
      area: '',
      type: '',
      order: '',
      MvList: ''
    }
  },
  components: {
    MVList,
    MVmenu
  },
  computed:{
    ...mapState(["Active"])
  },
  created() {
    localStorage.setItem("Active",2)
    this.$store.commit("changeActive", {Active: 2})
    getMV(this.$route.query.area, this.$route.query.type, this.$route.query.order).then(res => {
      // console.log(res)
      this.MvList = res.data
      // console.log(this.MvList)
      // console.log(typeof this.MvList)
    })

  },
  methods: {
    changeFather(data) {
    this.MvList=data
    }
  },
  updated() {

  }
}
</script>

<style scoped>

</style>